{% extends "admin/common_base.html" %} 

{% block main %}
<div class="main">
    <div class="body container">
        <div class="typecho-page-title">
            <h2>个人设置</h2>
        </div>
        <div class="row typecho-page-main">
            <div class="col-mb-12 col-tb-3">
                <p>
                    <a href="http://gravatar.com/emails/" title="在 Gravatar 上修改头像">
                        <img class="profile-avatar" src="http://www.gravatar.com/avatar/20a5844bc608d51cdbe28b74495f809d?s=220&amp;r=X&amp;d=mm"
                            alt="{{user.screenName}}" />
                    </a>
                </p>
                <h2>{{user.screenName}}</h2>
                <p>{{user.name}}</p>
                <p>目前有
                    <em>{{myPublishedPostsNumber}}</em> 篇日志，
                    <em>{{categoriesNumber}}</em> 个分类。</p>
                <p>最后登录: 4小时前</p>
            </div>

            <div class="col-mb-12 col-tb-6 col-tb-offset-1 typecho-content-panel" role="form">
                <section>
                    <h3>个人资料</h3>
                    <form action="/admin/profile/updateProfile" method="post" enctype="application/x-www-form-urlencoded">
                        <ul class="typecho-option" id="typecho-option-item-screenName-0">
                            <li>
                                <label class="typecho-label" for="screenName-0-1">
                                    昵称</label>
                                <input id="screenName-0-1" name="screenName" type="text" class="text" value="{{user.screenName}}" />
                                <p class="description">
                                    用户昵称可以与用户名不同, 用于前台显示.
                                    <br />如果你将此项留空, 将默认使用用户名.</p>
                            </li>
                        </ul>
                        <ul class="typecho-option" id="typecho-option-item-url-1">
                            <li>
                                <label class="typecho-label" for="url-0-2">
                                    个人主页地址</label>
                                <input id="url-0-2" name="url" type="text" class="text" value="{{user.url}}" />
                                <p class="description">
                                    此用户的个人主页地址, 请用
                                    <code>http://</code> 开头.</p>
                            </li>
                        </ul>
                        <ul class="typecho-option" id="typecho-option-item-mail-2">
                            <li>
                                <label class="typecho-label" for="mail-0-3">
                                    电子邮箱地址 *</label>
                                <input id="mail-0-3" name="mail" type="text" class="text" value="{{user.mail}}" />
                                <p class="description">
                                    电子邮箱地址将作为此用户的主要联系方式.
                                    <br />请不要与系统中现有的电子邮箱地址重复.</p>
                            </li>
                        </ul>
                        <ul class="typecho-option typecho-option-submit" id="typecho-option-item-submit-4">
                            <li>
                                <button type="submit" class="btn primary">
                                    更新我的档案</button>
                            </li>
                        </ul>
                    </form>
                </section>

                <br>

                <section id="change-password">
                    <h3>密码修改</h3>
                    <form action="/admin/profile/updatePassword" method="post" enctype="application/x-www-form-urlencoded">
                        <ul class="typecho-option" id="typecho-option-item-password-11">
                            <li>
                                <label class="typecho-label" for="password-0-12">
                                    用户密码</label>
                                <input id="password-0-12" name="password" type="password" class="w-60" />
                                <p class="description">
                                    为此用户分配一个密码.
                                    <br />建议使用特殊字符与字母、数字的混编样式,以增加系统安全性.</p>
                            </li>
                        </ul>
                        <ul class="typecho-option" id="typecho-option-item-confirm-12">
                            <li>
                                <label class="typecho-label" for="confirm-0-13">
                                    用户密码确认</label>
                                <input id="confirm-0-13" name="confirm" type="password" class="w-60" />
                                <p class="description">
                                    请确认你的密码, 与上面输入的密码保持一致.</p>
                            </li>
                        </ul>
                        <ul class="typecho-option typecho-option-submit" id="typecho-option-item-submit-14">
                            <li>
                                <button type="submit" class="btn primary">
                                    更新密码</button>
                            </li>
                        </ul>
                    </form>
                </section>

            </div>
        </div>
    </div>
</div>
{% endblock %} 

{% block footer %}
<script>
    (function () {
        $(document).ready(function () {
            var error = $('.typecho-option .error:first');

            if (error.length > 0) {
                $('html,body').scrollTop(error.parents('.typecho-option').offset().top);
            }

            $('form').submit(function () {
                if (this.submitted) {
                    return false;
                } else {
                    this.submitted = true;
                }
            });

            $('label input[type=text]').click(function (e) {
                var check = $('#' + $(this).parents('label').attr('for'));
                check.prop('checked', true);
                return false;
            });
        });
    })();
</script> 
{% endblock %}